Top 18 Creative And Helpful HTML5 Slideshow Examples Examples Every Designer Should Watch

1. Slider Revolution Responsive jQuery Plugin

featured image

Vimeo & Youtube and drop menu HTML5 Supported

Estancia Responsive HTML5 Theme (ignitethemes)

Reverance Responsive HTML5 Church Theme (ignitethemes)

Added: Examples like LazyLoad, Aligns, Fullscreen, Fullscreen-with-offsets, html5,vimeo and custom thumbnails youtube videos

Feature: HTML5 Video (videoJS) and added data- options like

option added to laod the HTML5 js files via videoJsPath:”rs-plugin/videojs/”

More Details

2. WOW Slider

WOW Slider

WOW Slider is a fantastic responsive image slider with

killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.

Also, you can share your slider on Facebook.

More Details

3. Versatile Touch Slider

featured image

See below the main features and click on Live Preview to see some examples.Easy to configure and use (Examples included);

Video and Audio with HTML5 support.

More Details

4. HTML5 Audio Player with Playlist

featured image

A simple and powerfull HTML5 music player for your website with flash backup for older browsers. All demo examples included in the download package for easy setup, plus example with multiple instances included as well, each one with its own api methods side by side.FLASH fallback included for older browsers that dont support HTML5 audio.Responsive Video Gallery HTML5 Youtube Vimeo

HTML5 Video Gallery with Live Playlist

JQuery AutoSlide Image Gallery Slideshow with Music

HTML5 Audio Player With Playlist

JQuery Stack Banner Slideshow with Captions

More Details

5. Youtube Vimeo Gallery Background

featured image

All demo examples included in the download package for easy setup.Responsive Video Gallery HTML5 Youtube Vimeo

HTML5 Video Gallery with Live Playlist

JQuery AutoSlide Image Gallery Slideshow with Music

HTML5 Audio Player With Playlist

JQuery Stack Banner Slideshow with Captions

More Details

6. FueledWeb Pro Thumbnail Scroller

featured image

FueledWeb Pro Thumbnail Scroller is an advanced multipurpose jQuery plugin, html5 thumbnail scroller and image gallery. Hit the Live Preview page for complete description of features, examples and plugin settings. Option to auto start slideshow with play and pause button

More Details

7. Responsive Video Gallery HTML5 Youtube Vimeo

featured image

Player supports HTML5 and jQuery video gallery backup, Youtube and Vimeo with multiple layout configurations. All demo examples included in the download package for easy setup. Supports HTML5 and HTML5 flash video player backup, Youtube and Vimeo

HTML5 Video & Image Background Intro

JQuery Ken Burns Fullscreen Gallery Slideshow

HTML5 Video Gallery with Live Playlist

JQuery AutoSlide Image Gallery Slideshow with Music

JQuery Image Gallery Slideshow with MousePan

HTML5 Audio Player With Playlist

jQuery Accordion MultiPurpose Gallery Slideshow

JQuery Stack Banner Slideshow with Captions

jQuery Slice Banner Slideshow with Captions

More Details

8. HTML5 Video & Youtube background

featured image

HTML5 video and youtube gallery / background with Flash backup for older browsers and many customization options and special features like skip intro with cookie detection.All demo examples included in the download package for easy setup.HTML5 video with Flash backup, Youtube video

Responsive Video Gallery HTML5 Youtube Vimeo

HTML5 Video Gallery with Live Playlist

JQuery AutoSlide Image Gallery Slideshow with Music

HTML5 Audio Player With Playlist

JQuery Stack Banner Slideshow with Captions

More Details

9. Draggable Infinite Grid with Lightbox

featured image

In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the examples are provided in the download files). The Infinite Photo Grid with Lightbox is using the GPU (hardware acceleration) using HTML5 standards. Four display types are included: fluid width, full screen, flexible and lightbox (check out examples!). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

10. JQuery Thumbnail Gallery With LightBox

featured image

All demo examples included in the download package for easy setup. Toggle inner slideshow number (start/stop)

Responsive Video Gallery HTML5 Youtube Vimeo

HTML5 Video Gallery with Live Playlist

JQuery AutoSlide Image Gallery Slideshow with Music

HTML5 Audio Player With Playlist

JQuery Stack Banner Slideshow with Captions

More Details

11. jQuery MultiTransition Gallery Sliders Collection

featured image

slideshow toggle now pauses/resumes actual ken burns animation

added optional html5 music player for gallery (with flash backup for older browsers)

All demo examples included in the download package for easy setup. Optional advance slideshow to next category (loop categories).Toggle slideshow

Include video in slideshow

HTML5 Video & Image Background Intro

HTML5 Video Gallery with Live Playlist

JQuery AutoSlide Image Gallery Slideshow with Music

JQuery Image Gallery Slideshow with MousePan

HTML5 Audio Player With Playlist

jQuery Accordion MultiPurpose Gallery Slideshow

JQuery Stack Banner Slideshow with Captions

jQuery Slice Banner Slideshow with Captions

JQuery Ken Burns Fullscreen Gallery Slideshow

More Details

12. HTML5 Flow Responsive Slider

featured image

The HTML5 Flow Responsive Slider has a flexible / fluid / responsive layout, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of the gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add the gallery in a place which you have chosen in your website and the gallery will adapt. The HTML5 Flow Responsive Slider comes in with four different embed styles: Fixed Dimensions, Full Width, Full Screen and Flexible Style, please not that the flexible style will make the slider adapt the width and height based on the html element into which is embedded so for example if you want to add the slider in a div and that div has a 100% height the slider will adapt based on that, this is a unique and amazing feature. This HTML5 Flow Responsive Slider plugin can be embedded in WordPress and you will receive, along with the download files, the complete instructions in the help file. Bottom bar used as a holder for the scrollbar or buttons, if the bar is disabled the images will be displayed on the entire screen and the buttons will be displayed over the images, make sure you check all examples to see this in action (optional). Slideshow preloader bar, the color and opacity for this bar can be modified. Keyboard support you can navigate between images with the right and left keys and start or stop the slideshow with the space key.

More Details

13. jQuery Accordion MultiPurpose Gallery Slideshow

featured image

This powerfull gallery slideshow offers ability to display more slides than visible, with an easy scroll through navigation, making it very powerfull in displaying large collection of data.All demo examples included in the download package for easy setup. Set slideshow global delay or individual delay per slide

Toggle slideshow (start/stop)

Set slideshow delay

HTML5 Video & Youtube Background Intro

JQuery Ken Burns Fullscreen Gallery Slideshow

HTML5 Video Gallery with Live Playlist

JQuery MultiMedia Gallery Slideshow with Music

JQuery Image Gallery Slideshow with MousePan

HTML5 Audio Player With Playlist

jQuery Accordion MultiPurpose Gallery Slideshow

JQuery Stack Banner Slideshow with Captions

jQuery Slice Banner Slideshow with Captions

More Details

14. jQuery Slice Banner Slideshow with Captions

featured image

Optional pause slideshow on hover

Youtube and Vimeo API examples included for controling video on slide change

Toggle slideshow

Toggle slideshow delay

HTML5 Video & Youtube Background Intro

JQuery Ken Burns Fullscreen Gallery Slideshow

HTML5 Video Gallery with Live Playlist

JQuery MultiMedia Gallery Slideshow with Music

JQuery Image Gallery Slideshow with MousePan

HTML5 Audio Player With Playlist

jQuery Accordion MultiPurpose Gallery Slideshow

JQuery Stack Banner Slideshow with Captions

jQuery Slice Banner Slideshow with Captions

More Details

15. PlayIt - Your Media! Your Way!

featured image

- Easy to follow examples and quick start templates

- Formats: HTML5 then mp4, ogg, webm, wmv, mp3, wav, wma, flv

More Details

16. jquery Slider Zoom In/Out Effect Fully Responsive

featured image

supports YouTube, Vimeo, HTML5 or other video player

Also, all the examples present in the preview are included in the download . banner rotator, caption, fluid, gallery, image, jquery, mobile, ios, plugin, resizable, responsive, slider, slideshow, swipe, touch

More Details

17. Responsive Gridfolio

featured image

In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the code of this examples is provided in the download files). The Responsive Gridfolio is using the GPU (hardware acceleration) using HTML5 standards. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

18. Cute Slider - 3D & 2D HTML5 Image Slider

featured image

Some Examples:

net/3d-html5-slider/

3 fallback levels considered, CSS3 3D Transforms, HTML5 Canvas element, 2D Mode. Option to set shuffle mode for slideshow

Examples

Add new feature: Shuffle mode for slideshow

More Details

19. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the code of this examples is provided in the download files). The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details